<?xml version='1.0' encoding='UTF-8' ?>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib  uri="http://jakarta.apache.org/struts/tags-tiles-1.1" prefix="tiles" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>

<%--locale="#{environmentSession.locale}"--%>
<f:view >
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <link rel="stylesheet" type="text/css" href="../css/style.css"/>
            <link rel="stylesheet" type="text/css" href="../css/slide.css"/>
            <script type="text/javascript" src="../js/jquery-1.8.2.js" ></script>
            <script type="text/javascript" src="../js/jquery-ui-1.9.0.custom.min.js" ></script>
            <script type="text/javascript" src="../js/jquery-ui-tabs-rotate.js" ></script>
            <title>
                <tiles:getAsString name="title"></tiles:getAsString>
            </title>
             <script type="text/javascript" language="javascript">
                    var open_cur = 0;
                    $j = jQuery.noConflict();
                    $j(document).ready(function(){
                    $j("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
                });
            </script>
        </head>
        <body>
            <div id="wrapper">
                <div id="logo-search">
                    <div class="logo"><img src="images/logo.jpg" alt=""/></div>
                    <div class="sologan">
                        <marquee behavior="scroll" direction="left">H.A.T EXPORT IMPORT AND SERVICE TRADING COMPANY LIMITED</marquee>
                    </div>
                    <div id="translation">
                        <div class="feild-input">
                            <a href="#">Tiếng Việt</a>
                            <img src="../images/vie.jpg" alt=""/>
                        </div>
                        <div class="feild-input">
                            <a href="#">English</a>
                            <img src="../images/eng.jpg" alt=""/>
                        </div>
                    </div>
                </div>

                <tiles:insert attribute="header" flush="false"/> 

                <tiles:insert attribute="body" flush="false"/>
                <tiles:insert attribute="footer" flush="false"/>

            </div>
        </body>
    </html>

</f:view>
